{% extends "base.html" %}

{% block title %}后台管理系统{% endblock %}

{% block styles %}
  {{super()}}
  <link href="https://v4.bootcss.com/docs/4.3/examples/floating-labels/floating-labels.css" rel="stylesheet">
{% endblock%}

{% block navbar %}{% endblock %}

{% block content %}
    <div class="container">
      <div class="row clearfix">
          <div class="col-md-10 column">
          </div>
        <div class="col-md-2 column">
        <a class="btn btn-dark" href="{{ url_for('login') }}">登陆</a>
        </div>
      </div>
      <div class="row clearfix">
  <form action="/admin" method="POST" class="form-signin">
    <div class="text-center mb-4">
      <h1><strong>后台管理系统</strong></h1>
    </div>
    <br>      
    {% with messages = get_flashed_messages() %}
    {% if messages %}
      {% for message in messages %}
        <div class="alert alert-warning" role="alert">
          <strong>{{ message }}</strong>
        </div>
      {% endfor %}
    {% endif %}
    {% endwith %}
    <div class="form-label-group">
      <input type="number" name="username" id="inputText" class="form-control" placeholder="Username" required autofocus>
      <label for="inputText">账号</label>
    </div>

    <div class="form-label-group">
      <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required>
      <label for="inputPassword">密码</label>
    </div>
  <div class="checkbox mb-3">
        <label>
          <input type="checkbox" name="remember"> Remember me
        </label>
      </div>
    <button class="btn btn-lg btn-dark btn-block" type="submit">登陆</button>
  <p class="mt-5 mb-3 text-muted text-center">&copy; Joe Hsu 2021</p>
  </form>

      </div>
     </div>
{% endblock %}

